/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */



/**
 * Arco颜色变量
*/

$red-1: rgb(255, 236, 232);
$red-2: rgb(253, 205, 197);
$red-3: rgb(251, 172, 163);
$red-4: rgb(249, 137, 129);
$red-5: rgb(247, 101, 96);
$red-6: rgb(245, 63, 63);
$red-7: rgb(203, 39, 45);
$red-8: rgb(161, 21, 30);
$red-9: rgb(119, 8, 19);
$red-10: rgb(77, 0, 10);

$orangered-1: rgb(255, 243, 232);
$orangered-2: rgb(253, 221, 195);
$orangered-3: rgb(252, 197, 159);
$orangered-4: rgb(250, 172, 123);
$orangered-5: rgb(249, 144, 87);
$orangered-6: rgb(247, 114, 52);
$orangered-7: rgb(204, 81, 32);
$orangered-8: rgb(162, 53, 17);
$orangered-9: rgb(119, 31, 6);
$orangered-10: rgb(77, 14, 0);

$orange-1: rgb(255, 247, 232);
$orange-2: rgb(255, 228, 186);
$orange-3: rgb(255, 207, 139);
$orange-4: rgb(255, 182, 93);
$orange-5: rgb(255, 154, 46);
$orange-6: rgb(255, 125, 0);
$orange-7: rgb(210, 95, 0);
$orange-8: rgb(166, 69, 0);
$orange-9: rgb(121, 46, 0);
$orange-10: rgb(77, 27, 0);

$gold-1: rgb(255, 252, 232);
$gold-2: rgb(253, 244, 191);
$gold-3: rgb(252, 233, 150);
$gold-4: rgb(250, 220, 109);
$gold-5: rgb(249, 204, 69);
$gold-6: rgb(247, 186, 30);
$gold-7: rgb(204, 146, 19);
$gold-8: rgb(162, 109, 10);
$gold-9: rgb(119, 75, 4);
$gold-10: rgb(77, 45, 0);

$yellow-1: rgb(254, 255, 232);
$yellow-2: rgb(254, 254, 190);
$yellow-3: rgb(253, 250, 148);
$yellow-4: rgb(252, 242, 107);
$yellow-5: rgb(251, 232, 66);
$yellow-6: rgb(250, 220, 25);
$yellow-7: rgb(207, 175, 15);
$yellow-8: rgb(163, 132, 8);
$yellow-9: rgb(120, 93, 3);
$yellow-10: rgb(77, 56, 0);

$lime-1: rgb(252, 255, 232);
$lime-2: rgb(237, 248, 187);
$lime-3: rgb(220, 241, 144);
$lime-4: rgb(201, 233, 104);
$lime-5: rgb(181, 226, 65);
$lime-6: rgb(159, 219, 29);
$lime-7: rgb(126, 183, 18);
$lime-8: rgb(95, 148, 10);
$lime-9: rgb(67, 112, 4);
$lime-10: rgb(42, 77, 0);

$green-1: rgb(232, 255, 234);
$green-2: rgb(175, 240, 181);
$green-3: rgb(123, 225, 136);
$green-4: rgb(76, 210, 99);
$green-5: rgb(35, 195, 67);
$green-6: rgb(0, 180, 42);
$green-7: rgb(0, 154, 41);
$green-8: rgb(0, 128, 38);
$green-9: rgb(0, 102, 34);
$green-10: rgb(0, 77, 28);

$cyan-1: rgb(232, 255, 251);
$cyan-2: rgb(183, 244, 236);
$cyan-3: rgb(137, 233, 224);
$cyan-4: rgb(94, 223, 214);
$cyan-5: rgb(55, 212, 207);
$cyan-6: rgb(20, 201, 201);
$cyan-7: rgb(13, 165, 170);
$cyan-8: rgb(7, 130, 139);
$cyan-9: rgb(3, 97, 108);
$cyan-10: rgb(0, 66, 77);

$blue-1: rgb(232, 247, 255);
$blue-2:rgb(195, 231, 254);
$blue-3: rgb(159, 212, 253);
$blue-4: rgb(123, 192, 252);
$blue-5: rgb(87, 169, 251);
$blue-6: rgb(52, 145, 250);
$blue-7: rgb(32, 108, 207);
$blue-8: rgb(17, 75, 163);
$blue-9: rgb(6, 48, 120);
$blue-10: rgb(0, 26, 77);

$arcoblue-1: rgb(232, 243, 255);
$arcoblue-2: rgb(190, 218, 255);
$arcoblue-3: rgb(148, 191, 255);
$arcoblue-4: rgb(106, 161, 255);
$arcoblue-5: rgb(64, 128, 255);
$arcoblue-6: rgb(22, 93, 255);
$arcoblue-7: rgb(14, 66, 210);
$arcoblue-8: rgb(7, 44, 166);
$arcoblue-9: rgb(3, 26, 121);
$arcoblue-10: rgb(0, 13, 77);

$purple-1: rgb(245, 232, 255);
$purple-2: rgb(221, 190, 246);
$purple-3: rgb(195, 150, 237);
$purple-4: rgb(168, 113, 227);
$purple-5: rgb(141, 78, 218);
$purple-6: rgb(114, 46, 209);
$purple-7: rgb(85, 29, 176);
$purple-8: rgb(60, 16, 143);
$purple-9: rgb(39, 6, 110);
$purple-10: rgb(22, 0, 77);

$pinkpurple-1: rgb(255, 232, 251);
$pinkpurple-2: rgb(247, 186, 239);
$pinkpurple-3: rgb(240, 142, 230);
$pinkpurple-4: rgb(232, 101, 223);
$pinkpurple-5: rgb(225, 62, 219);
$pinkpurple-6: rgb(217, 26, 217);
$pinkpurple-7: rgb(176, 16, 182);
$pinkpurple-8: rgb(138, 9, 147);
$pinkpurple-9: rgb(101, 3, 112);
$pinkpurple-10: rgb(66, 0, 77);

$magenta-1: rgb(255, 232, 241);
$magenta-2: rgb(253, 194, 219);
$magenta-3: rgb(251, 157, 199);
$magenta-4: rgb(249, 121, 183);
$magenta-5: rgb(247, 84, 168);
$magenta-6: rgb(245, 49, 157);
$magenta-7: rgb(203, 30, 131);
$magenta-8: rgb(161, 16, 105);
$magenta-9: rgb(119, 6, 79);
$magenta-10: rgb(77, 0, 52);

$gray-1: rgb(247, 248, 250);
$gray-2: rgb(242, 243, 245);
$gray-3: rgb(229, 230, 235);
$gray-4: rgb(201, 205, 212);
$gray-5: rgb(169, 174, 184);
$gray-6: rgb(134, 144, 156);
$gray-7: rgb(107, 119, 133);
$gray-8: rgb(78, 89, 105);
$gray-9: rgb(39, 46, 59);
$gray-10: rgb(29, 33, 41);

  $success-1: $green-1;
  $success-2: $green-2;
  $success-3: $green-3;
  $success-4: $green-4;
  $success-5: $green-5;
  $success-6: $green-6;
  $success-7: $green-7;
  $success-8: $green-8;
  $success-9: $green-9;
  $success-10: $green-10;
  $primary-1: $arcoblue-1;
  $primary-2: $arcoblue-2;
  $primary-3: $arcoblue-3;
  $primary-4: $arcoblue-4;
  $primary-5: $arcoblue-5;
  $primary-6: $arcoblue-6;
  $primary-7: $arcoblue-7;
  $primary-8: $arcoblue-8;
  $primary-9: $arcoblue-9;
  $primary-10: $arcoblue-10;
  $danger-1: $red-1;
  $danger-2: $red-2;
  $danger-3: $red-3;
  $danger-4: $red-4;
  $danger-5: $red-5;
  $danger-6: $red-6;
  $danger-7: $red-7;
  $danger-8: $red-8;
  $danger-9: $red-9;
  $danger-10: $red-10;
  $warning-1: $orange-1;
  $warning-2: $orange-2;
  $warning-3: $orange-3;
  $warning-4: $orange-4;
  $warning-5: $orange-5;
  $warning-6: $orange-6;
  $warning-7: $orange-7;
  $warning-8: $orange-8;
  $warning-9: $orange-9;
  $warning-10: $orange-10;
  $link-1: $arcoblue-1;
  $link-2: $arcoblue-2;
  $link-3: $arcoblue-3;
  $link-4: $arcoblue-4;
  $link-5: $arcoblue-5;
  $link-6: $arcoblue-6;
  $link-7: $arcoblue-7;
  $link-8: $arcoblue-8;
  $link-9: $arcoblue-9;
  $link-10: $arcoblue-10;


    $color-bg-1: #fff;
    $color-bg-2: #fff;
    $color-bg-3: #fff;
    $color-bg-4: #fff;
    $color-bg-5: #fff;
    $color-white: #ffffff;
    $color-black: #000000;
    $color-border: $gray-3;
    $color-bg-popup: $color-bg-5;
    $color-bg-white: #fff;
    $color-neutral-1: $gray-1;
    $color-neutral-2: $gray-2;
    $color-neutral-3: $gray-3;
    $color-neutral-4: $gray-4;
    $color-neutral-5: $gray-5;
    $color-neutral-6: $gray-6;
    $color-neutral-7: $gray-7;
    $color-neutral-8: $gray-8;
    $color-neutral-9: $gray-9;
    $color-neutral-10: $gray-10;
    $color-text-1: $color-neutral-10;
    $color-text-2: $color-neutral-8;
    $color-text-3: $color-neutral-6;
    $color-text-4: $color-neutral-4;
    $color-border-1: $color-neutral-2;
    $color-border-2: $color-neutral-3;
    $color-border-3: $color-neutral-4;
    $color-border-4: $color-neutral-6;
    $color-fill-1: $color-neutral-1;
    $color-fill-2: $color-neutral-2;
    $color-fill-3: $color-neutral-3;
    $color-fill-4: $color-neutral-4;
    $color-primary-light-1: $primary-1;
    $color-primary-light-2: $primary-2;
    $color-primary-light-3: $primary-3;
    $color-primary-light-4: $primary-4;
    $color-link-light-1: $link-1;
    $color-link-light-2: $link-2;
    $color-link-light-3: $link-3;
    $color-link-light-4: $link-4;
    $color-secondary: $color-neutral-2;
    $color-secondary-hover: $color-neutral-3;
    $color-secondary-active: $color-neutral-4;
    $color-secondary-disabled: $color-neutral-1;
    $color-danger-light-1: $danger-1;
    $color-danger-light-2: $danger-2;
    $color-danger-light-3: $danger-3;
    $color-danger-light-4: $danger-4;
    $color-success-light-1: $success-1;
    $color-success-light-2: $success-2;
    $color-success-light-3: $success-3;
    $color-success-light-4: $success-4;
    $color-warning-light-1: $warning-1;
    $color-warning-light-2: $warning-2;
    $color-warning-light-3: $warning-3;
    $color-warning-light-4: $warning-4;
    $border-radius-none: 0;
    $border-radius-small: 8rpx;
    $border-radius-medium: 4rpx;
    $border-radius-large: 8rpx;
    $border-radius-circle: 50%;
    $color-tooltip-bg: $gray-10;
    $color-spin-layer-bg: rgba(255, 255, 255, 0.6);
    $color-menu-dark-bg: #232324;
    $color-menu-light-bg: #ffffff;
    $color-menu-dark-hover: rgba(255, 255, 255, 0.04);
    $color-mask-bg: rgba(29, 33, 41, 0.6);









/* 背景颜色 */

/* 边框颜色 */


/* 尺寸变量 */

/* 文字尺寸 */

/* 图片尺寸 */

/* Border Radius */

/* 水平间距 */

/* 垂直间距 */

/* 透明度 */

/* 文章场景相关 */